
.mask{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    background: rgba(0,0,0,0.5);
}
.modalBox{
    position: fixed;
    z-index: 99;
    left: 50%;
    margin-left: -300rpx;
    top: 50%;
    margin-top: -200rpx;
    display: flex;
    width: 600rpx;
    flex-direction: column;
    align-items: center;
    border-radius: 16rpx;
    background: var(--White, #FFF);
    box-shadow: 0 16rpx 72rpx 0 #00000029;
}
.modalTop{
    padding: 40rpx;
    display:flex;
    flex-direction: column;
    align-items:center;
}
.modalTitle{
    font-size: 36rpx;
    font-weight: bold;
}
.modalContent{
    font-size: 30rpx;
    line-height: 46rpx;
    margin-top: 20rpx;
    text-align: left;
    color: #333333;
}
.modalBtn{
    width: 100%;
    border-top: 1rpx solid #eee;
    display: flex;
    justify-content: center;
}
.item{
    font-size: 32rpx;
    width: 250rpx;
    height: 120rpx;
    line-height: 120rpx;
    display: flex;
    align-items: center;
    justify-content: center;
    color:#666666;
    font-weight: 600;
}
.line{
    height: 120rpx;
    border-right: 1rpx solid #eee;
}
.active{
    color:#399E80;
}
